<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html;"> 	
		<link rel="shortcut icon" href="images/icon.gif" type="image/x-icon" />
		<title>Toki Learning</title> 
		<meta name="description" content=""> 
		<script type="text/javascript" src="jquery/jquery.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.15.custom.min.js"></script>
		<link rel="stylesheet" href="blueprint/screen.css" type="text/css" media="screen, projection"> 
		<link rel="stylesheet" href="blueprint/print.css" type="text/css" media="print">
		<link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.15.custom.css" media="screen">
		<link rel="stylesheet" type="text/css" href="css/contest.css" media="screen">
		<link rel="stylesheet" type="text/css" href="css/jquery.css" media="screen">
		<script src="js/jquery-1.8.15.costum.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				var height = 350;
				var availableDiv = 0;
				function munculkan() {
					$("#tabs2").css("visibility" , "visible");
					$(".parent").css("visibility","hidden");
					//alert($("#input-form").val());
					
					return false;
				}
				function hilangkan() {
					$("#tabs2").css("visibility","hidden");
					$(".parent").css("visibility","visible");
					return false;
				}
				function Add() {
					availableDiv++;
					height+=28;
					$("#content").css("height",height);
					$("#maincontent").css("height",height-50);
					$(".Eval").append('<tr id="baris'+availableDiv+'" class="new-row"><td class="limited"><input type="text" name="input'+availableDiv+'" class="input" /></td><td class="limited"><input type="text" name="output'+availableDiv+'" class="input" /></td><td class="limited2"><a href="#" class="Remove">Remove</a></td></tr>');
					//alert("buttonAction");
					$(".Remove").click(Remove);
					return false;
				}
				function Remove() {
					height-=28;
					$("#content").css("height",height);
					$("#maincontent").css("height",height-50);
					$("#baris" + availableDiv).remove();
					availableDiv--;
					return false;
				}
				function cek() {
					var re = /[0-9]/;
					var ceker = false;
					if (document.form1.time.value.match(re)) {
						$("#isiperingatan1").remove();
					} else {
						$("#isiperingatan1").remove();
						$("#peringatan1").append('<span id="isiperingatan1" class="isiperingatan">Execution Time Limit hanya bisa berisi angka</span>');
						ceker = true;
					}
					if (document.form1.memory.value.match(re)) {
						$("#isiperingatan2").remove();
					} else {
						$("#isiperingatan2").remove();
						$("#peringatan2").append('<span id="isiperingatan2" class="isiperingatan">Execution Memory Limit hanya bisa berisi angka</span>');
						ceker = true;
					}
					if (ceker){
						alert("No Match");
					}
					return false;
				}
				$(".Add").click(Add);
				$(".Remove").click(Remove);
				$(".cek").click(cek);
				$(".konfigurasi").click(munculkan);
				$(".informasi").click(hilangkan);
				$(".tabbed").tabs();
				
			})
		</script>
	</head>
<body>
	<div id="container">
		<div id="header">
			<div id="logo">
				<div id="usermenu" class="left">
					<div id="usernav">
							<ul>
								<li><b><a href="#">Setting</a></b></li>
							</ul>
							<div class="vertikal line2 left"></div>
							<div class="vertikal line1 left"></div>
							<ul>
								<li><b><a href="#">Inbox(0)</a></b></li>
							</ul>
							<div class="vertikal line2 left"></div>
							<div class="vertikal line1 left"></div>
							<ul>
								<li><b><a href="#">Logout</a></b></li>
							</ul>
					</div>
				</div>
			</div>
			<div id="menucontainer">
				<div id="pemisah">
				</div>
				<div id="mainmenu">
					<div id="menu" class="span-10">
						<div id="nav">
							<ul>
								<li><b><a href="#" class="navbar"> Problem Archives </a></b></li>
								<li><b><a href="#" class="navbar"> Contests </a></b></li>
								<li>
									<b><a href="#" class="navbar"> Training Gate </a></b>
									<ul>
										<li><b><a href="#" class="navbar">Chapter 1</a></b></li>
										<li><b><a href="#" class="navbar">Chapter 2</a></b></li>
										<li><b><a href="#" class="navbar">Chapter 3</a></b></li>
										<li><b><a href="#" class="navbar">Chapter 4</a></b></li>
										<li><b><a href="#" class="navbar">Chapter 5</a></b></li>
										<li><b><a href="#" class="navbar">Chapter 6</a></b></li>
										<li><b><a href="#" class="navbar">Chapter 7</a></b></li>
										<li><b><a href="#" class="navbar">Chapter 8</a></b></li>
									</ul>
								</li>
								<li><b><a href="#" class="navbar"> Learn </a></b></li>
							</ul>
						</div>
						<div class="horisontal line1"></div>
						<div class="horisontal line2"></div>
						<div id="nav2" class="right">
							<ul>
								<li><a href="#">My Friends</a></li>
								<li><a href="#">My Statistics</a></li>
								<li><a href="#">My Submissions</a></li>
								<li><a href="#">My Contests</a></li>
								<li><a href="#">My Profile</a></li>
							</ul>
						</div>
					</div>
					<div id="profile" class="left">
						<div class="vertikal line1 left"></div>
						<div class="vertikal line2 left"></div>
						<div id="nama" class="left">
							<b><a href="#">Petra Noviandi Barus</a></b>
						</div>
						<div id="profpic" class="left">
							<a href="#"><img src="image/user.jpg" alt="userpict"></a>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<div id="content" >
			<div id="isicontent">
				<div id="maincontent" class="left">	
					<div id="tabs1" class="tabbed left">
						<ul class="left">
							<li class="left"><a href="#informasi" class="informasi">Informasi</a></li>
							<li class="left"><a href="#konfigurasi" class="konfigurasi">Konfigurasi</a></li>
						</ul>
						
						<div id="tabs2" class="tabbed left">
							<ul>
								<li><a href="#tampilan">Tampilan</a></li>
								<li><a href="#evaluator">Konfigurasi Evaluator</a></li>
								<li><a href="#berkas">Berkas</a></li>
							</ul>
							<div>
								<div id="tampilan">
									tampilan
								</div>
								<div id="evaluator">
									<form method="POST" id="form1" name="form1">
										<div id="peringatan1" class="peringatan left">
										</div>
										<div id="time" class="left">
											<span class="head left"> Execution Time Limit </span>
											<span class="left"> <input type="text" name="time"/> millisecond </span>
										</div>
										<div id="peringatan2" class="peringatan left">
										</div>
										<div id="memory" class="left">
											<span class="head left"> Execution Memory Limit </span>
											<span class="left"> <input type="text" name="memory" /> bytes </span>
										</div>
										<div id="testcases" class="left">
											<span class="head left"> Testcases </span>
											<span class="left">
												<table class="Eval">
													<tr class="Title">
														<th class="headtabel limited">Input</th>
														<th class="headtabel limited">Output</th>
														<td class="limited2"></th>
													</tr>
													<tr>
														<td class="limited">
															<select name="input">
															<option value=""></option>
														</td>
														<td class="limited">
															<select name="output">
															<option value=""></option>
														</td>
														<td class="limited2"><a href="#" class="Add">Add</a></td>
													</tr>
												</table>
											</span>
										</div>
										<div><input type="submit" value="Simpan" class="cek left" /></div>
									</form>
									<div id="evalline" class="horisontal line4 left"></div>
									<div id="unggahzip" class="left">
										<form method="GET" name="unggah"> 
											<span class="headunggah left">Unggah berkas zip</span>
											<input type="file" name="somename" size="chars" class="browse left"> 
											<input type="submit" value="Unggah" class="left" />
										</form>
										<div id="keterangan" class="left">
											<span>Unggah sebuah berkas *.zip berisi pasangan berkas *.in dan *.out</span>
										</div>
									</div>
								</div>
								<div id="berkas">
									<div class="judulberkas left">
										<span class="headberkas left">Berkas Evaluator</span>
									</div>
									<div class="kotakberkas left">
										<span class="headunggah left">Unggah berkas</span>
										<input type="file" name="somename" size="chars" class="browse left"> 
										<input type="submit" value="Unggah" class="right" />
									</div>
									<table class="tabelberkas">
										<tr>
											<th>name</th>
											<th>modified</th>
											<th>size</th>
										</tr>
										<tr>
											<td><i>No results found.</i></td>
											<td></td>
											<td></td>
										</tr>
									</table>
									<div class="judulberkas left">
										<span class="headberkas left">Berkas Tampilan</span>
									</div>
									<div class="kotakberkas left">
										<span class="headunggah left">Unggah berkas</span>
										<input type="file" name="somename" size="chars" class="browse left"> 
										<input type="submit" value="Unggah" class="right" />
									</div>
									<table class="tabelberkas">
										<tr>
											<th>name</th>
											<th>modified</th>
											<th>size</th>
										</tr>
										<tr>
											<td><i>No results found.</i></td>
											<td></td>
											<td></td>
										</tr>
									</table>
								</div>
							</div>
						</div>
						<div class="parent">
							<div id="informasi" class="left">
								<form method="GET">
									<div id="ID" class="left">
										<span class="headif left">ID</span>
										<span class="isi left">719</span>
									</div>
									<div id="Author" class="left">
										<span class="headif left">Author</span>
										<span class="isi left"><a href="#" class="Author">Jordan Fernando</a></span>
									</div>
									<div id="TipeSoal" class="left">
										<span class="headif left">Tipe Soal</span>
										<span class="isi left">simplebatch</span>
									</div>
									<div id="Token" class="left">
										<span class="headif left">Token</span>
										<span class="isi left">VAJNQAFQJ4XEQZFRJ4FOYLE9UI21QBOX</span>
									</div>
									<div id="Directory" class="left">
										<span class="headif left">Directory</span>
										<span class="isi left">/var/tokilx/prod/problems/VAJNQAFQJ4XEQZFRJ4FOYLE9UI21QBOX/</span>
									</div>			
									<div id="JudulSoal" class="left">
										<span class="headif left">Judul</span>
										<input type="text" value="tokilearning 2" class="left"></input>
									</div>
									<div id="Visibility" class="left">
										<span class="headif left">Visibility</span>
										<select class="left">
											<option>Draft</option>
											<option>Published</option>
										</select>
									</div>
									<div id="Komentar" class="left">
										<span class="headif left">Komentar</span>
										<textarea class="Area left">a</textarea>
									</div>
									<div id="Button" class="left">
										<span class="hapus left"><a href="#" class="Hapus">Hapus</a></span>
										<input type="submit" value="Simpan"/ class="left">
									</div>
								</form>
							</div>
							<div id="konfigurasi">
								
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer">
			<div id="leftside">
				<div id="biasa">
					<a href="">Our Blog</a> |
					<a href="">About Us</a> |
					<a href="">Contact Us</a> |
				</div>
				<div id="follow">
					Follow our <a href="http://www.facebook.com/groups/166544345960/" onclick="window.open(this.href,'_blank;');return false;"><b>Facebook</b></a> and <a href="http://twitter.com/#/tokilearning" onclick="window.open(this.href,'_blank');return false;"><b>Twitter</b></a>
				</div>
			</div>
			<div id="copyright">
				Copyright of TOKI Learning 2011
			</div>
		</div>
	</div>
</body>
</html>
